<header class="header">

  <div class="am-fl"><a href="javascript:;" class="am-icon-bars am-icon-sm" data-am-offcanvas="{target:'#nav_top'}"></a></div>
  <!--网站LOGO——开始-->
  <div class="logo"><a href="{eyou:global name='web_cmsurl' /}"><img src="{eyou:global name='web_attr_13' /}" alt="{eyou:global name='web_name' /}" /></a></div>
  <!--网站LOGO——结束-->
  <div class="clear"></div>
</header>
<!--导航——开始-->
<div class="nav am-offcanvas" id="nav_top" >
  <div class="am-offcanvas-bar">
    <ul id="collapase-nav">
      <li><a href="{eyou:global name='web_cmsurl' /}">网站首页</a></li>
        <li><a onclick="oncl('cp')">产品中心</a> </li>
        <li><a onclick="oncl('al')">案例中心</a> </li>
<!--      {eyou:channel type="top" row="60" id="field" currentstyle="hover"}-->
<!--      <li class="am-panel">{eyou:notempty name="$field.children"} <span class="am-icon-angle-right" data-am-collapse="{parent:'#collapase-nav', target:'#nav_{$i}'}"></span> {/eyou:notempty}<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>-->
<!--       {eyou:notempty name="$field.children"}-->
<!--        <ul class="am-collapse" id="nav_{$i}">-->
<!--&lt;!&ndash;          {eyou:channel name="$field.children" row="100" id="field2"}&ndash;&gt;-->
<!--&lt;!&ndash;          <li><a href="{$field2.typeurl}">{$field2.typename}</a> </li>&ndash;&gt;-->
<!--&lt;!&ndash;          {/eyou:channel}   &ndash;&gt;-->
<!--            <li><a href="{eyou:global name='web_cmsurl' /}/#cp">产品中心</a> </li>-->
<!--            <li><a href="{eyou:global name='web_cmsurl' /}/#al">案例中心</a> </li>-->
<!--            <li><a href="tel:{eyou:global name='web_attr_1' /}"><span class="am-icon-phone"></span>一键电话</a></li>-->
<!--        </ul>-->
<!--        {/eyou:notempty}-->
<!--      </li>-->
<!--      {/eyou:channel}-->
    </ul>
  </div>
</div>
<script>
  function oncl(id){
    $('#nav_top').removeClass('am-active');
    $('#nav_top').removeClass('am-offcanvas-bar-active');
    $('body').removeClass();
    $('html, body').animate({scrollTop: $('#'+id).offset().top}, 1000)
  }
</script>
<!--导航——结束-->